<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
<title>幸运大转盘</title>
</head>
<body>

<div id="main">
	<h1>幸运大转盘</h1>
	<h2>请幸运同学分享见解！</h2>
	<h2 id="num"></h2>
	<button onclick="rand()">开始随机</button>
</div>


<script type="text/javascript">

function rand(){
	var x = Math.floor(Math.random() * 57) + 1;
	document.getElementById("num").innerHTML = x;
}

</script>


<style type="text/css">

html, body{
	margin: 0 auto;
	float: left;
	background: #020202;
	font-size: 16px;

}

#main {
	margin: 0 auto;
	float: left;
	padding: 100px 200px;
	background: #fff;
	text-align: center;	
}

#num {
	height: 3em;
}

</style>

</body>
</html>